$(function () {
    //需求1：设置文字头像，如果有头像就换头像没有就文字头像
    getUserInfo()
    //需求2：退出事件
    $('#logout').on('click', function () {
        //询问是否退出
        //eg1
        layer.confirm('确认退出登录吗？', {
            icon: 3,
            title: '提示'
        }, function (index) {
            
            //退出后删除保存的数据
            localStorage.removeItem('token')
            //跳转页面到登录
            location.href = '/login.html'
            layer.close(index);
        });
        
    })
})

//全局函数发送请求
function getUserInfo() {
    axios({
        url: '/my/userinfo',
    }).then(res => {
        //成功回调
        renderAvatar(res.data.data)
    })
}
//渲染数据
function renderAvatar(user) {
    let name = user.nickname || user.username
    $('#welcome').html(`欢迎  ${name}`)
    /*
    如果有图片头像就渲染图片头像，否则渲染文字头像
    没有图片头像就渲染文字头像，否则就渲染图片头像
    */
    
    //如果图片数据不是空
    
    if (user.user_pic != null) {
        //渲染图片数据
        $('.layui-nav-img').show().attr('src', user.user_pic)
        //隐藏文字
        $('.text-avatar').hide()
    } else {
        //隐藏图片
        $('.layui-nav-img').hide()
        //显示文字,获取文本后转换成大写
        let first = name[0].toUpperCase()
        $('.text-avatar').show().html(first)
    }
}